.page-user-msg-detail {
    height: 100vh;
    background: #F1F1F1;

    .c0 {
        padding: 10PX;
    }

    .list-item{
        margin-top: 15PX;
        color: #1A1A1A;
    }

    .list-item-box {
        padding: 10PX;
        border-radius: 6PX;
        background: #fff;
        box-shadow: 0 4px 30px 0 rgba(223, 225, 230, 0.5);

        .goods-img{
            text-align: center;
            image{
                width: 60PX;
                height: 60PX;
            }
        }

        .goods-name{
            font-size: 12PX;
            font-weight: bold;
            color: #1A1A1A;
            word-wrap: break-word;
            word-break: break-all;
            white-space: pre-line;
        }

        .goods-status{
            height: 50PX;
            font-size: 14PX;
            color: #fff;
            border-bottom-left-radius: 6PX;
            border-bottom-right-radius: 6PX;
            background:linear-gradient(180deg,rgba(39,181,242,1) 0%,rgba(45,183,243,1) 0%,rgba(109,205,255,1) 100%);
        }

        .express-name{
            font-size: 14PX;
            color: #1A1A1A;
            font-weight: 400PX;
        }

        .order-number{
            font-size: 12PX;
            color: #999;
        }

        .msg-status{
            font-size: 14PX;
            font-weight: 400PX;
            color: #1A1A1A;
        }

        .cicle-shou{
            padding: 4PX 4PX;
            font-size: 12PX;
            color: #fff;
            border-radius: 100%;
            background: #17A8E6;
        }

        .express-date{
            font-size: 12PX;
            color: #1A1A1A;
            word-wrap: break-word;
            word-break: break-all;
            white-space: pre-line;
        }

        
    }
}